<hr>
<div class="hold">

    <?php
    if (isset($data) && $data->num_rows() > 0) {
        $PageNumber = $this->uri->segment(4);
        $PageNumber = (isset($PageNumber) && $PageNumber > 0) ? $PageNumber : 0;
        $i = $PageNumber;
        foreach ($data->result_array() as $row) {
            echo '
				<div class="pro_detail">
					<div class="img">
						<div class="main-image">
						<img src=' . PRODUCT_PATH . '/' . $row[field('image')] . ' alt=' . $row[field('image')] . ' width="300px;" />
						</div>
					</div>
					
					<div class="info">
						<table>
							<tbody>
								<tr>
									<td width="110">
										<b>Broken Rate: </b>
									</td>
									<td>' . $row[field('brokenRate')] . '</td>
								</tr>
								<tr>
									<td>
										<b>Shipping: </b>
									</td>
									<td>' . $row[field('shipping')] . '</td>
								</tr>
								<tr>
									<td>
										<b>Mini Order: </b>
									</td>
									<td>' . $row[field('miniOrder')] . ' </td>
								</tr>
								<tr>
									<td>
										<b>Payment Term: </b>
									</td>
									<td>' . $row[field('paymentTerm')] . '</td>
								</tr>
								<tr>
									<td>
										<b>FOB Price: </b>
									</td>
									<td>' . $row[field('fobPrice')] . '</td>
								</tr>
						</tbody>
						</table>
					</div>
				  
					<p>' . $row[field('description')] . '</p>
					<p></p>
				</div>';
        }
    } else {
        echo '<p>Data does not exists!</td></p>';
    }
    ?>


    <style>
        .pro_detail .img {
            border: 2px solid #ccc;
            float: left;
            overflow: hidden;
            width: 260px;
        }
        .pro_detail .info {
            color: #777;
            float: left;
            height: 215px;
            margin-left: 20px;
            width: 430px;
        }
    </style>